import React from 'react'
import { Outlet, NavLink } from 'react-router-dom'
import { Tabbar ,Button,Swiper  } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';

export default function Home() {
    return (
        <div>
            <header>
                Home
            </header>
            <main>
                <Outlet />

            </main>
            <footer>
              
                    <Tabbar>
                        <Tabbar.Item icon={<HomeO />}>
                            <NavLink to="/home/index">首页</NavLink>
                        </Tabbar.Item>

                        <Tabbar.Item icon={<Search />}>
                            <NavLink to="/home/class">分类</NavLink>
                        </Tabbar.Item>

                        <Tabbar.Item icon={<FriendsO />}>
                            <NavLink to="/home/car">购物车</NavLink>
                        </Tabbar.Item>
                        
                        <Tabbar.Item icon={<SettingO />}>
                            <NavLink to="/home/my">我的</NavLink>
                        </Tabbar.Item>
                    </Tabbar>
                
            </footer>
        </div>
    )
}






